画像を縦に

*** 画像を並べる ***

今日は、

*画像を縦に並べる(テーブル・文字)

…をしてみます。


∞∞∞画像を縦に並べる(テーブル)∞∞∞

ここで使うタグはコレ↓(テーブルの場合)

<table background="http://~.gif" style="background-repeat:repeat-y;">

では説明です。。。

上記の『http://~.gif』の所に、
画像の倉庫からコピーした、画像までのURLを入れます。
※( )は消さないでね★

フレームの有無、幅等を指定するタグは、『repeat-y;"』の後ろへ入れます。
なので、ココで使っているタグはコレ↓

<table background="http://~.gif" style="background-repeat:repeat-y;"
height="100"width="100" frame="box">

それでは効果を見てみましょう♪
テーブルの横・縦幅は、共に100です。


∞∞∞画像を縦に並べる(文字の背景)∞∞∞

文字で使うタグはコレ↓

<font style="background-image:url(http://~.gif);background-repeat:repeat-y">
★ここに文字★
</font>

上記と同じように、『http://~.gif』の所に、
画像の倉庫からコピーした、画像までのURLを入れます。
※( )は消さないでね★

効果を見てみると…

文字の
背景に
画像を
縦に…
並べる
※centerを使っている場合、文字数を合わせないとズレます★



© Rakuten Group, Inc.